html,
body {
  width: 100%;
  height: 100%;
}
li {
  list-style: none;
}
a {
  text-decoration: none;
}
.color1 {
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, #ff0000, #ffa500, #008000, #0000ff, #ffc0cb);
}
.color1 img {
  width: 3.05333333rem;
  height: 3.13333333rem;
  margin: 50% 0 0 35%;
}
.color1 .big_character {
  margin-top: 0.42666667rem;
  font-family: "黑体";
  text-align: center;
  color: #FFF;
  font-size: 1.69333333rem;
}
.color1 .little_character {
  font-family: "黑体";
  text-align: center;
  color: #FFF;
  font-size: 0.70666667rem;
}
.color1 .btn {
  width: 100%;
  padding-top: 4rem;
  display: flex;
  justify-content: space-around;
}
.color1 .btn button {
  width: 3.89333333rem;
  height: 1.54666667rem;
  background: #FFF;
  outline: none;
  border-radius: 30%;
  font-size: 0.61333333rem;
}
.color1 .btn button:active {
  background: #1679d3;
  color: #FFF;
  text-decoration: none;
}
